<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="进才中学羽毛球社！" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <title>进才中学羽毛球社！</title>
    <link rel="stylesheet" href="./assets/css/style.css" />
  </head>
  <body class="flex" id="top">
    <!-- 侧边栏 -->
    <div class="ceBian white yinYing">
      <!-- 头像栏 -->
      <div
        style="
          padding: 7px;
          padding-right: 20px;
          align-items: center;
          justify-content: center;
          border-bottom: 2px solid rgb(193, 192, 192);
        "
        class="flex"
      >
        <img
          src="./jincai.png"
          alt="chr"
          height="80px"
          width="80px"
          padding-left="0px"
          padding-right="0px"
          style="border-radius: 50%"
        />
        <div style="margin-left: 15px; font-size: 18px">羽毛球社<br />简介</div>
      </div>
      <div class="flex1">
        <div class="suoYin">
          <a href="#" style="color: rgb(31, 179, 179)">主页</a>
        </div>
        <div class="suoYin">
          <a href="#" style="color: rgb(31, 179, 179)">羽毛球社的由来</a>
        </div>
        <div class="suoYin">
          <a href="#" style="color: rgb(31, 179, 179)">羽毛球社的关键词</a>
        </div>
        <div class="suoYin">
          <a href="#" style="color: rgb(31, 179, 179)">羽毛球社做过什么</a>
        </div>
        <div class="suoYin">
          <a href="#" style="color: rgb(31, 179, 179)">羽毛球社海报</a>
        </div>
        <div
          class="suoYin"
          style="
            font-size: 18px;
            background-color: rgb(244, 148, 3);
            color: white;
          "
        >
          每年第一学期11月份，我们会举办上海市进才中学高二羽毛球比赛。欢迎大家<br />踊跃报名！
        </div>
        <div
          class="suoYin"
          style="
            font-size: 18px;
            background-color: rgb(244, 148, 3);
            color: white;
            margin-top: 5px;
          "
        >
          在我们的社团里，将带大家机会<br />1.
          来与同学们切磋球技，开阔视野，在课余生活后能够放松 <br />2.
          参与到羽毛球赛的筹备之中<span style="font-weight: 600"
            >参与到裁判、记分员、筹备中来！</span
          ><br />
        </div>
      </div>
    </div>
    <!-- </div> -->
    <!-- 主体 -->
    <div class="flex flex1 column">
      <!-- 标题栏 -->
      <div class="white yinYing box biaoTiLan">
        在这里，可以开阔视野，切磋球技，放松心情，收获友谊，欢迎各位同学前来报名！！！
      </div>
      <!-- 内容栏 -->
      <div style="overflow: auto" class="neiRongLan flex flex1">
        <!-- 左侧内容栏 -->
        <div class="flex flex3 column mg8">
          <!-- 功能区 -->
          <div class="shuJuQu flex">
            <div
              style="
                padding: 15px;
                font-size: 30px;
                font-weight: 300px;
                background: var(--pink);
              "
              class="shuJu white flex1 mgr8 yinYing box gongNeng"
            >
              场地：高达两片羽毛球场
            </div>
            <div
              style="
                padding: 15px;
                font-size: 30px;
                font-weight: 200px;
                background: var(--pink);
              "
              class="shuJu white flex1 mgr8 yinYing box gongNeng"
            >
              社员：面向高一高二招新
            </div>
            <div
              style="
                padding: 15px;
                font-size: 30px;
                font-weight: 300px;
                background: var(--pink);
              "
              class="shuJu white flex1 mgr8 yinYing box gongNeng"
            >
              指导老师：非常负责与专业的体育组老师！
            </div>
            <div
              style="padding: 15px; font-size: 30px; background: var(--pink)"
              class="shuJu white flex1 yinYing box gongNeng"
            >
              社长：2204张思哲
            </div>
          </div>
          <!-- 栏目区 -->
          <div class="flex column">
            <div
              class="flex column white mgt8 yinYing nbj box lanMu"
              style="
                padding: 15px;
                font-size: 20px;
                background-color: rgb(254, 249, 243);
              "
            >
              Q：请问需要选拔或者面试吗？<br />A：不需要哦[doge]
            </div>
            <div
              class="flex column white mgt8 yinYing box lanMu"
              style="
                padding-left: 15px;
                padding-top: 15px;
                padding-right: 15px;
                font-size: 20px;
              "
            >
              Q：我羽毛球打得不好，我能参加SAGE社吗？<br />A：当然可以！<br /><span
                style="font-weight: 500; font-size: 24px"
                >我们社团只是给喜欢打羽毛球的同学提供平台</span
              ><span style="font-size: 24px; font-weight: 500"
                >如果你喜欢羽毛球，喜欢与同学们一起在羽毛球场上运动</span
              ><span style="font-size: 27px; font-weight: 500"
                >如果你想找到其他打羽毛球的球友</span
              ><span style="font-weight: 550; font-size: 40px"
                >请不要犹豫，来羽毛球社</span
              >
            </div>
            <div
              class="flex column white mgt8 yinYing box lanMu"
              style="padding: 15px; font-size: 20px"
            >
              Q：进入羽毛球社后的安排会是怎么样的呢<br />A：我们是给同学们自由组队进行羽毛球的机会，我们坚持在实战中提升，在切磋中收获的原则
            </div>
            <div
              class="flex column white mgt8 yinYing box lanMu"
              style="padding: 15px; font-size: 20px"
            >
              Q：问问关于羽毛球班赛的筹备之类怎么报名呢<br />A：我们在每年的高二羽毛球赛的之前，会在社内与社外进行招募筹备组成员。需要有羽毛球基础，羽毛球社社员优先。
            </div>
          </div>
        </div>
        <!-- 右侧内容栏 -->
        <div class="youQu flex flex1 column mgr8" style="height: 1500px">
          <!-- 具体板块 -->
          <div
            class="flex column white mgt8 yinYing shuJu box"
            id="youLai"
            style="
              width: auto;
              font-size: 20px;
              min-width: 150px;
              max-width: 4000px;
            "
          >
            <img
              src="./assets/images/Yumaoqiusai.jpg"
              alt="chr"
              style="width: 100%"
            />
          </div>
          <!-- 问答 -->

          <div
            class="flex white mgt8 yinYing"
            style="min-width: 150px; max-width: 500px; width: auto"
          >
            <img
              src="./assets/images/play2.jpg"
              alt="chr"
              style="width: 100%"
            />
          </div>
          <div
            class="flex white mgt8 yinYing"
            style="min-width: 150px; max-width: 500px; width: auto"
          >
            <img src="./assets/images/Play.jpg" alt="chr" style="width: 100%" />
          </div>
          <div
            class="flex white mgt8 yinYing ah box"
            style="padding: 35px; font-size: 18px; background: var(--yellow)"
          >
            <p>
              Q：天呐，我心动了！我该如何提早进入到如此优秀的社团呢？<br /><br />A：私戳社长！表明衷心[doge]<br />（不用面试直接内定[doge]）
            </p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
